@media screen and (max-width: 800px) {
	.left_div{
		display: none;
		position: absolute;
		width: 6rem;
		height: 100%;
		background-color: #ffffff;
		box-shadow: 0 0 0.1rem 0 rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 0.1rem 0 rgba(0,0,0,.2);
	    -moz-box-shadow: 0 0 0.1rem 0 rgba(0,0,0,.2);
		ul{
			li{
				height: 1.2rem;
				border-top: 0.01rem solid #f3f3f3;
				line-height: 1.2rem;
			}
			li:hover{
				background: #f5f5f5;
			}
			.group{
				font-size: 0.6rem;
				font-weight: 600;
				color: #262626;
				padding-left: 0.1rem;
				img{
					width: 0.5rem;
					height: 0.5rem;
					vertical-align: middle;
					margin-right: 0.1rem;
				}
			}
			.chirld{
				font-weight: 600;
				font-size: 0.58rem;
				color: #262626;
				padding-left: 0.1rem;
				img{
					display: inline-block;
					height: 1.2rem;
					vertical-align: middle;
				}
			}
		}
	}
}
@media screen and (min-width: 800px) {
	.left_div{
		position: absolute;
		width: 2.2rem;
		height: 100%;
		background-color: #ffffff;
		box-shadow: 0 0 0.1rem 0 rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 0.1rem 0 rgba(0,0,0,.2);
	    -moz-box-shadow: 0 0 0.1rem 0 rgba(0,0,0,.2);
		ul{
			li{
				height: 0.37rem;
				border-top: 0.01rem solid #f3f3f3;
				line-height: 0.37rem;
			}
			li:hover{
				background: #f5f5f5;
			}
			.group{
				font-size: 0.2rem;
				font-weight: 600;
				color: #262626;
				padding-left: 0.1rem;
				img{
					width: 0.2rem;
					height: 0.2rem;
					vertical-align: middle;
					margin-right: 0.1rem;
				}
			}
			.chirld{
				font-weight: 600;
				font-size: 0.18rem;
				color: #262626;
				padding-left: 0.1rem;
				img{
					display: inline-block;
					height: 0.37rem;
					vertical-align: middle;
				}
			}
		}
	}
}
